@CHARSET "UTF-8";

/*!
 * =================================
 * Fita-club Page Style
 * @author: mylan93@163.com
 * =================================
 */

/* ! Style Check List
 * =================================
 * Utility
 * ====================
 * Header
 * ====================
 * Component
 * ====================
 * Page
 * =================================
 */

/*
 * =================================
 *  Utility
 * =================================
 */
 
* { touch-action: pan-y; } 

@font-face {
  font-family: 'iconfont';  /* project id 922501 */
  src: url('//at.alicdn.com/t/font_922501_j4sodubrg2.eot');
  src: url('//at.alicdn.com/t/font_922501_j4sodubrg2.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_922501_j4sodubrg2.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_922501_j4sodubrg2.woff') format('woff'),
  url('//at.alicdn.com/t/font_922501_j4sodubrg2.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_922501_j4sodubrg2.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont-location:before { content: "\e682"; }

.iconfont-menu:before { content: "\e62c"; }

.iconfont-down-arrow:before { content: "\e63c"; }

.iconfont-car:before { content: "\e60d"; }

.iconfont-airplane:before { content: "\e6bd"; }

.iconfont-airplane:before { content: "\e6bd"; }

.iconfont-warn:before { content: "\e625"; }

.iconfont-wechatpay:before { content: "\e639"; }

.iconfont-unionpay:before { content: "\e6a4"; }

.iconfont-yoppay:before { content: "\e693"; }

.iconfont-shophours:before { content: "\e70b"; }

.iconfont-closedEye:before { content: "\e605"; }

.iconfont-openEye:before { content: "\e610"; }

.iconfont-plus:before { content: "\e643"; }

.iconfont-minus:before { content: "\e608"; }

.iconfont-lock:before { content: "\e657"; }

/* .icon-menu:before { content: "\e629"; }

.icon-mobile-phone:before {content: "\e603";}

.icon-user:before {content: "\e62b"; }

.icon-cotta:before {content: "\e613";}

.icon-shoes:before {content: "\e602";} */

* {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

.bg-light-gray {
  background: #f4f4f4;  
}

.bg-white {
	background: white;
}
 
.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.no-margin {
  margin: 0px;
}

.hide {
  display: none !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.buttons-fixed {
  position: fixed;
  z-index: 99;
  width: 100%;
}

/*
 * =================================
 *  Component - Code Label
 * =================================
 */
.edoo-label {
  display: inline-block;
  font-size: .6rem;
  padding: 0 .25rem;
  margin-bottom: .25rem;
  margin-right: 1px;
  border-radius: 1px;
  background: transparent;
  vertical-align: super;
}

.edoo-label.light-label-red {
  color: #fff;
  background: #fe8f8f;
}

.edoo-label.edoo-label-yellow {
  color: #fff;
  background: #FFDF01;
} 

.edoo-label.edoo-label-red {
  color: #fff;
  background: #fd8484;
}

.edoo-label.edoo-label-green {
  color: #fff;
  background: #203d2a;
}

/*
 * =================================
 *  Component - Framework
 * =================================
 */
/*
 * =================================
 *  Component - Header
 * =================================
 */
.fita-header {
  height: 2.7rem;
  color: #fff;
  background: #b29365;
}

.fita-header .title {
  line-height: 2.7rem;
  color: #fff;
}

.fita-header .icon {
  padding: .75rem .1rem;
  color: #fff;
}

.fita-header .button {
	top: 0;
	margin-top: .65rem;
	height: 1.5rem;
	line-height: 1.3rem;
	color: #ffffff;
	border-color: #ffffff;
}

.fita-header .time-title .item {
  display: inline-block;
  padding: 0 .25rem;
  width: 30%;
  line-height: initial;
  color: #ffffff;
  font-size: .8rem;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.fita-header .item p {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: .2rem;
  line-height: 1;
  overflow: hidden;
}

.fita-header .item .time {
  font-size: .7rem;
}

.fita-header .time-title .day {
  padding: 0 .2rem;
  max-width: 10%;
  font-size: .6rem;
  border-bottom: 1px solid #fff;
}

.fita-footer {
  height: 2.7rem;
  background: #b29365;
}

.fita-footer .button {
  top: 0;
  height: 100%;
  line-height: 2.7rem;
  color: #ffffff;
  font-size: .85rem;
  border: 1px solid transparent;
}

.fita-footer .not-cancel-booking {
  background-color: #ddd;
  color: #999;
  border-radius: 0;
}

.fita-header  ~ .content,
.fita-header ~ .bar-header-secondary  {
  top: 2.7rem;
}

.fita-header  ~ .bar-header-secondary ~ .content {
	top: 4.9rem;
}

.fita-header-secondary .searchbar {
	background: rgba(165, 165, 165, 0.1)
}

.fita-footer ~ .content {
  bottom: 2.7rem;
}
  /*
 * =================================
 *  Component - Card
 * =================================
 */
.fita-card,
.order-info-card {
  box-shadow: initial;
}
 /*
 * =================================
 *  Component - Tab
 * =================================
 */
.fita-buttons-tab {
  margin: 0 .5rem;
  border-radius: .2rem;
}

.fita-buttons-tab.buttons-fixed {
  left: .5rem;
  right: .5rem;
  margin: 0;
  width: auto;
}

.fita-buttons-tab .button {
	color: #969696;
	font-size: .75rem;
}

.fita-buttons-tab .button.active {
	color: #b29365;
	border-color: #b29365;
}
/*
 * =================================
 *  Component - Panel
 * =================================
 */
.fita-panel,
.fita-panel ul {
	background: #fff;
}

.fita-panel .menu-title {
	margin: 0;
	padding-right: .75rem;
	height: 2.7rem;
	line-height: 2.7rem;
	color: #b29365;
	text-align: right;
	background: #fff;
}

.fita-panel .item-inner {
	height: 2.7rem;
	line-height: 2.7rem;
}

.fita-panel .item-title {
	color: #b29365;
	font-size: .7rem;
}

.fita-panel .list-block ul:before,
.fita-panel .list-block ul:after,
.fita-panel .list-block .item-inner:after {
	background: #b29365;
}

/*
 * =================================
 *  Component - form
 * =================================
 */
/*
 * =================================
 *  Page - Cars-search
 * =================================
 */
.cars-card-layout {
  position: relative;
  margin-top: -2rem;
  border-radius: .2rem;
}

.cars-card-layout .cars-title {
  margin-top: 0;
  margin-bottom: 1rem; 
  font-size: .8rem;
  color: #131313;
  font-weight: normal;
}

.cars-card-layout .time-box {
	display: block;
	height: 2.15rem;
	line-height: 2.15rem;
	font-size: .7rem;
}

.cars-form {
  margin-bottom: 0 !important;
}

.cars-form .item {
  margin-left: .75rem;
  margin-right: .75rem;
  border-bottom: 1px solid #e6e5e5;
}

.cars-form .item:last-child {
  border-bottom: 1px solid transparent;
}

.cars-form .item .name {
  margin: .9rem 0 .5rem;
  color: rgba(0,0,0.75);
  font-size: .6rem;
}

.cars-form .item .item-input,
.cars-form .item input {
  position: relative;
  padding-left: 0;
  font-size: .7rem;
  color: #1d1d1d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: .8rem;
}

.item-input:after {
  font-family:"iconfont" !important;
  position: absolute;
  content: "\e63c";
  color: #cdcdcd;
  right: 10%;
  top: 50%;
  margin-top: -.5rem;
}

.set-input.item-input:after {
  right: 5%;
}

.tips-list {
  padding: .9rem .75rem;
  font-size: .6rem;
  color: #000000;
}

.tips-list p {
  position: relative;
  padding-left: .25rem;
  margin: 0 0 .25rem;
}

.tips-list span.color-red {
  position: absolute;
  left: -.25rem;
  display: block;
  width: .5rem;
  font-size: .8rem;
}

.cars-list-layout .car-title {
  color: #131313;
  font-size: .8rem;
  font-weight: bold;
}

.cars-list-layout .cars-type {
	width: 63.6% !important;
  padding-right: .5rem;
  font-size: .7rem;
  color: #131313;
}

.cars-list-layout .cars-type img {
  display: block;
  width: 7rem;
  margin: .75rem 0 .5rem;
}

.cars-list-layout .price-box {
  font-size: .8rem;
  color: rgba(19,19,19,.8);
}

.cars-list-layout .price-box .item {
  margin-bottom: .75rem;
  display: block;
  color: rgba(19,19,19,.8);
}

.cars-list-layout .price-box p {
  margin-top: 0;
  margin-bottom: .35rem;
  line-height: 1;
  font-size: .6rem;
}

.cars-list-layout .price-box .price {
  margin-bottom: 0;
  font-size: .85rem;
  color: #131313;
}

.current-price {
  font-weight: bold;
  font-size: 1rem !important;
  color: #b39364 !important;
}

.old-price {
	text-decoration: line-through;
	font-size: .65rem !important;
	opacity: .7;
}

.new-price {
	margin-top: -.2rem;
}

.search-layout {
  margin: 0 .5rem .75rem .5rem;
}

.search-layout.buttons-fixed {
	margin: 0;
	left: .5rem;
	right: .5rem;
	width: auto;
}

.search-layout .button {
	padding: 0;
  min-height: 2.2rem;
  line-height: 2.2rem;
  color: #969696;
  font-size: .75rem;
  background: #fff;
  border: none;
  border-left: 1px solid #c2a983;
}

.search-layout .button.active {
	color: #b29365;
  border: none;
  border-left: 1px solid #c2a983;
}

.search-layout .button:first-child {
  border-left: 1px solid transparent;
}


 
.fita-block-title {
	position: relative;
	padding: 0 .5rem;
	margin-bottom: .25rem;
	height: 1.6rem;
	line-height: 1.6rem;
  color: #fff;
	font-size: .7rem;
  background: #b29365;
}

.fita-block-title .iconfont {
	position: absolute;
	right: .5rem;
	top: 50%;
	margin-top: -.75rem;	
}

.product-detail .box,
.user-info .box {
	color: #282828;
	font-size: .65rem;
}

.product-detail .box .item,
.user-info .box .item {
	position: relative;
  margin: 0 .5rem .25rem;
  padding: .25rem 0 .25rem 1rem;
  /* min-height: 1.8rem; */
  border-radius: .25rem;
  background: #fff;
}

.product-detail .box input[type="radio"] {
  position: absolute;
  left: .2rem;
  top: .4rem;
}

.user-info .box .item {
	padding: .25rem .5rem .25rem .25rem;
	padding-left: 3rem;
}

.user-info .box .item span {
	position: absolute;
	display: inline-block;
	left: .25rem;
	top: 0;
	line-height: 2.2rem;
}

.user-info .box input {
	display: block;
	width: 100%;
	height: 1.6rem;
	border: none;
	text-align: right;
}

.order-info-card {
	margin: .5rem;
	padding: .5rem .25rem;
	background: #fff;
}

.order-info-card .item {
	margin-bottom: .25rem;
}

.order-info-card .item .label,
.order-info-card .item .location,
.order-info-card .item .detail {
	display: inline-block;
	font-size: .7rem;
	vertical-align: middle;
}

.order-info-card .item .label {
  color: #626262;
}

.order-info-card .item .location {
	margin-right: .5rem;
	font-weight: bold;
  color: #131313;
}

.order-info-card .item .detail {
	max-width: 70%;
}

.order-info-card .item .detail p {
	margin: 0;
}

.order-details {
	margin: .5rem !important;
	padding-left: .25rem;
	color: #1d1d1d;
	font-size: .8rem;
	border-radius: .2rem;
	background: #ffffff;
}

.order-details .name {
	margin: .25rem 0;
	color: #969696;
  font-size: .7rem;
}

.shopping-order-layout .box .item {
	padding-left: 1.2rem;
}

.shopping-order-layout input[type="radio"] {
	width: .75rem;
	height: .75rem;
}

.order-button {
	padding: 0;
}

.order-button .button {
  display: block;
  width: 50%;
  float: left;
}

.order-button .button:first-child:after {
	position: absolute;
	content: "";
	right: 0;
	width: 1px;
	height: 100%;
	background: #ffffff;
}

.order-list-layout .card-content-inner > a {
	color: #131313;
}


.order-list-layout .cars-type img {
	display: block;
	width: 90%;
}

.order-list-layout .location .item {
  display: inline-block;
  padding: 0 .25rem;
  max-width: 40%;
  line-height: initial;
  color: #131313;
  font-size: .8rem;
  text-align: center;
  vertical-align: middle;
}

.order-list-layout .location .item p {
  margin-top: 0;
  margin-bottom: .2rem;
  line-height: 1;
}

.order-list-layout .location .item .time {
  font-size: .7rem;
}

.order-list-layout .location .day {
  padding: 0 .2rem;
  max-width: 16%;
  font-size: .6rem;
  border-bottom: 1px solid #131313;
}

.order-list-layout .order-button {
	display: inline-block;
	margin-left: .5rem;
	width: 4rem;
	height: 1.4rem;
	line-height: 1.4rem;
	color: #131313;
	text-align: center;
	border: 1px solid #000;
}

.order-list-layout .order-cancel {
	display: inline-block;
	margin-left: .5rem;
	width: 4rem;
	height: 1.4rem;
	line-height: 1.4rem;
	color: #aaa;
	text-align: center;
	border: 1px solid #aaa;
}

.locations-card .site-name {
	margin-bottom: .5rem;
	color: #131313;
	font-size: .65rem;
}

.locations-card .site-detail {
	display: inline-block;
	width: 66%;
	color: #131313;
  font-size: .6rem;
  vertical-align: middle;
}

.locations-card .site-detail .item {
	margin-bottom: .25rem;
}

.locations-card .more-alink {
	padding: 0 .15rem;
	color: #131313;
	border: 1px solid #131313;
	border-radius: 2px;
}

.locations-card .icon-layout {
	display: inline-block;
	width: 32%;
  text-align: center;
  vertical-align: middle;
}

.locations-card .icon-layout .iconfont {
	font-size: 1rem;
}

.business-hours-modal .modal-inner {
	padding: 0;
	background: #fff;
}

.business-hours-modal .modal-title {
	padding: .5rem 0;
	font-size: 1rem;
	color: #131313;
	border-bottom: 1px solid #dcdcdc;
}

.business-hours-modal .modal-text {
	padding: 1rem;
}

.business-hours-modal .business-hours p {
	margin: .25rem 0;
	font-size: .7rem;
}

.staying-orders-layout .tips {
	margin: .5rem;
}

.staying-orders-layout .tips .iconfont,
.staying-orders-layout .tips .wran-text {
	display: inline-block;
	vertical-align: middle;
}

.staying-orders-layout .tips .wran-text {
	margin-left: .25rem;
	width: 92%;
	font-size: .65rem;
	font-weight: bold;
}

.popup-overlay {
  display: none;
  background: #fff;
}

.city-popup .list-group-title,
.drop-off-popup .list-group-title,
.pick-up-popup .list-group-title {
	position: relative;
	margin-top: .5rem;
	color: #b29365;
	font-weight: bold;
	border-bottom: .5px solid #b29365;
	background: transparent;
}

.city-popup .item-title,
.drop-off-popup .item-title,
.pick-up-popup .item-title {
	display: block;
	position: relative;
	width: 100%;
	font-size: .7rem;
}

.pick-up-popup .city-letter,
.drop-off-popup .city-letter,
.city-popup .letter {
	position: fixed;
	right: 0;
	top: 7%;
	color: #b29365;
	font-size: .75rem;
	z-index: 1070;
}

.drop-off-popup .city-letter ul,
.pick-up-popup .city-letter ul,
.city-popup .letter ul {
	list-style: none;
	padding-left: 0;
}

.drop-off-popup .city-letter a,
.pick-up-popup .city-letter a {
	display: block;
	color: #b29365;
	padding: .1rem .5rem;
}

.pick-up-popup .content-block,
.drop-off-popup .content-block,
.city-popup .content-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding-right: 2.5rem;
  overflow-y: scroll;
  z-index: 2000;
}

.pick-up-popup .content-block,
.drop-off-popup .content-block {
  top: 2rem;
}

.pick-up-popup .content-block .city-title,
.drop-off-popup .content-block .city-title {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2rem;
  padding: .5rem 0 .25rem .75rem;
  margin: 0;
} 

.city-popup .list-group ul:before {
  background: transparent;
}

/*
 * =================================
 *  Page - Index
 * =================================
 */
.index-page {
  background: url("../images/login-bg.jpg") 100% 100% no-repeat;
  background-size: 100% 100%;
}

.index-page .fita-header {
  background-color: transparent;
}

.index-page .fita-header::after {
  display: none;
}

.login-title {
  text-align: center;
  color: #fff;
  font-weight: normal;
  margin-top: 3.5rem;
  font-size: 1.5rem;
}

.index-page .mobile-bind-list {
  margin-left: 2rem;
  margin-right: 2rem;
  background-color: transparent;
}

.index-page .mobile-bind-list ul {
  background-color: transparent;
}

.index-page .mobile-bind-list ul::after {
  display: none;
}

.index-page .mobile-bind-list .item-content {
  margin-bottom: .8rem;
  padding-left: 0rem;
}

.index-page .mobile-bind-list .item-content .item-input::after {
  display: none;
}

.index-page .mobile-bind-list .item-content .item-inner {
  padding: .4rem .3rem .3rem .3rem;
  border: 1px solid #E6E5E5;
}

.index-page .mobile-bind-list .item-content input {
  color: #fff;
  height: 2.5rem;
}

.login-page .mobile-bind-list .item-content .item-inner {
	border: 1px solid #000;
}

.login-page .mobile-bind-list .item-content input,
.login-page .mobile-bind-list .item-content input::-webkit-input-placeholder {
	color: #000;
}

.login-page .mobile-bind-list .item-content {
  margin-bottom: 2rem;
}

.submit-btn {
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 0px;
}

.submit-btn .button.button-fill {
  margin-top: 4.5rem !important;
  width: 100%;
  border-radius: 0px;
  background-color: #B0926B;
}


.order-detail-card {
	padding: .5rem;
	color: #2b2b2b;
	font-size: .75rem;
}

.order-detail-card .item {
	margin-bottom: .25rem;
}

.order-detail-card .item .label {
	font-size: .65rem;
}

.pay-button-layout {
	margin: .5rem;
}

.pay-button-layout .button {
	margin-bottom: 1rem;
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: .85rem;
}

.pay-button-layout .button .iconfont {
	vertical-align: middle;
	margin-right: .5rem;
}

.pay-button-layout .offline-pay {
	font-size: .7rem;
	padding: 0 .5rem .5rem;
}

.search-popup {
	/* top: 7.5rem; */
	background: rgba(0,0,0,.2);
	-webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.search-popup.modal-out{
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.search-form {
	padding:  0 0 1rem 0;
}

.search-form .search-list-layout {
	height: 18rem;
	overflow-y: scroll;
}

.search-form,
.search-form .item-title {
	color: #000000;
	font-size: .7rem !important;
}

.search-form .item-input {
	position: relative;
	height: 1rem;
}

.search-form .item-input:after {
	display: none;
}

.search-form input[type='radio'],
.search-form input[type='radio'] {
	position: absolute;
	right: -.1rem;
	top: -.1rem;
	height: 1rem;
	width: 1rem;
	z-index: 1071;
  opacity: 0;
}

.search-form .checked-wrap {
	position: absolute;
	right: 0;
	top: 0;
	height: .8rem;
	width: .8rem;
	border: 1px solid #cacaca;
	z-index: 1070;
}

.search-form input[type='radio']:checked + .checked-wrap:after {
  position: absolute;
	top: -.25rem;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "iconfont-sm" !important;
	content: "\e608";
	font-weight: bold;
	color: #10bb06;
}

.agent-page .item-input {
	display: block;
	padding-right: 1rem;
	color: #282828;
}

.agent-page .item-input:after {
	right: .5rem;
}

.location-group {
  padding-left: 1rem;
}

.location-group li {
  padding: .25rem 0;
}

.location-group li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}


.popup .item-text {
  height: auto !important;
}

/*
 * =================================
 *  Page - City-search
 * =================================
 */
.search-page {
  background: #ffffff;
}

.search-page .hot-city {
  margin-top: .75rem;
  margin-bottom: 1rem;
  color: #b29365;
  font-size: .85rem;
}

.search-page .list-wrapper {
  position: absolute;
  top: 3rem;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.city-popup .list-wrapper {
	overflow: hidden;
}

.search-page .city-box {
  padding: 0 2rem 0 .75rem;
}

.search-page .city-list {
  margin-bottom: .75rem;
}

.search-page .city-index {
  margin: 0 0 .5rem;
  color: #555555;
  font-size: .65rem;
  text-transform: capitalize;
}

.search-page .cities-name .item {
  margin-bottom: .5rem;
  padding: .35rem .75rem;
  min-height: 3.2rem;
  line-height: 1;
  color: #292929;
  font-size: .8rem;
  border-radius: .25rem;
  background: #f6f6f6; 
}

.search-page .cities-name .item.active {
	border: 1px solid #b29365;
}

.search-page .cities-name .item span {
  display: block;
  margin-top: .25rem;
  color: #666666;
  font-size: .65rem;
}

.search-page  .cities-letter,
.city-popup .cities-letter {
	position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 4.4rem;
  display: flex;
  display: -webkit-flex;
}

.city-popup .cities-letter {
	padding-top: 2.2rem;
	z-index: 2001;
}

.search-page .cities-letter ul,
.city-popup  .cities-letter ul {
  padding: 0;
  margin: auto;
  width: 2rem;
  list-style: none;
}

.search-page .cities-letter ul li,
.city-popup .cities-letter ul li {
  display: block;
  margin: 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  font-size: .7rem;
  color: #555;
}

.search-page .cities-letter ul li a,
.city-popup .cities-letter ul li a {
  color: #b29365;
  text-transform: uppercase;
}

.search-page .cities-letter li.active,
.city-popup .cities-letter li.active {
  border-radius: 100%;
  background: #b29365;
}

.search-page .cities-letter li.active a,
.city-popup .cities-letter li.active a {
  color: #fff;
}

.search-list-wrap .item-content .name {
  font-size: .75rem;
}

.search-list-wrap .item-content .description {
	color: #b4b4b4;
	font-size: .65rem;
}

/* datepicker 样式 */
.date_btn_box {
	background: #f7f7f8 !important;
}

.date_btn {
	font-size: .8rem;
	color: #0894ec;
	font-weight: 500;
}

.large-toast {
	height: 4rem;
}

.coupon-list-page .coupon-list {
	margin: .75rem .5rem;
	color: #fff;
}

.coupon-list-page .item,
.coupon-list-page .item-content.used {
	background: url(../images/coupon-active.png) no-repeat;
}

.coupon-list-page .item.disabled {
	background: url(../images/coupon-disabled.png) no-repeat;
}

.coupon-list-page .item {
	padding: .5rem 0 .75rem;
}

.coupon-list-page .item,
.coupon-list-page .item.used,
.coupon-list-page .item.disabled {
	position: relative;
	background-size: 100% 100%;
	margin-bottom: .5rem;
}

.coupon-list-page .item:after {
	background: url(../images/coupon-available.png) no-repeat;
}

.coupon-list-page .item.used:after {
	background: url(../images/coupon-used.png) no-repeat;
}

.coupon-list-page .item.disabled:after {
	background: url(../images/coupon-expired.png) no-repeat;
}

.coupon-list-page .item:after,
.coupon-list-page .item.used:after,
.coupon-list-page .item.disabled:after {
	display: block;
	content: '';
	position: absolute;
	right: .2rem;
	top: 0;
	width: 1.8rem;
  height: 1.8rem;
  background-size: cover;
}

.coupon-list-page .price-box {
	font-size: .95rem;
}

.coupon-list-page .price-box .price {
	font-size: 2rem;
	font-weight: bold;
}

.coupon-list-page .tip span {
	position: relative;
	font-size: .6rem;
}

.coupon-list-page .tip span:after,
.coupon-list-page .tip span:before,
.coupon-list-page .coupon-time span:after,
.coupon-list-page .coupon-time span:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 1rem;
	height: 1px;
	background: #fff;
}

.coupon-list-page .tip span:after {
	right: -1.25rem;
}
.coupon-list-page .coupon-time span:after {
	right: -.5rem;
}
.coupon-list-page .tip span:before {
	left: -1.25rem;
}
.coupon-list-page .coupon-time span:before {
	left: -.5rem;
}

.coupon-list-page .coupon-time span:after,
.coupon-list-page .coupon-time span:before {
	width: .25rem;
}

.coupon-list-page .coupon-title {
	font-size: .6rem;
	margin-top: .5rem;
}

.coupon-list-page .coupon-time {
	font-size: .6rem;
}

.coupon-list-page .coupon-time span {
	position: relative;
}

.coupon-item .item-input {
	padding-right: 0;
}
.coupon-item .item-input input,
.coupon-item .item-input {
	font-size: .6rem;
	text-align: right;
}

.coupon-item  .item-input:after {
	display: none;
}

.profile-content .user-infos .item-inner {
	font-size: .7rem;
}

.profile-content .list-layout ul {
	margin-bottom: .25rem;
}

.profile-content .list-layout .disabled {
	background: #e6e6e6;
}

.profile-content .list-layout .item-inner {
	color: #333;
	font-size: .7rem;
}

.profile-content .list-layout .item-title {
	font-weight: 500;
}

.profile-content .button-group .button {
	margin-top: 1rem;
	line-height: 1.7rem;
	height: 1.7rem;
}

.profile-content .account-layout {
	padding: .5rem 0 0;
}

.profile-content .customer-button {
	color: #333;
	border: 1px solid #999;
}

.profile-content .wallet-wrap .item {
	position: relative;
	padding: .5rem 0 .55rem;
	font-size: .6rem;
	color: #5f646e;
}

.profile-content .wallet-wrap .item:first-child:after {
	content: '';
	position: absolute;
	right: 0;
	top: 1rem;
	bottom: 1rem;
	width: 1px;
	background: #b3b3b3;
}

.profile-content .wallet-wrap .iconfont {
	font-size: 2rem;
}

.profile-footer .col-50:nth-child(2):after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #fff;
}

.profile-detail-content .content-block-title,
.profile-bill-content .content-block-title,
.profile-wallet-content .content-block-title {
	margin: .5rem 0 0 0;
	padding: .55rem .5rem .45rem;
	font-size: .75rem;
	font-weight: bold;
	background: #fff;
}

.profile-detail-content .item-content,
.profile-bill-content .item-content,
.profile-wallet-content .item-content,
.profile-fita-content .item-content {
	margin-bottom: .25rem;
	font-size: .65rem;
	background: #fff;
}

.profile-fita-content .item-content {
	padding: .55rem .5rem .75rem;
}

.profile-detail-content .item-input input {
	text-align: right;
	font-size: .6rem;
}

.profile-detail-content .item-input:after {
	display: none;
}

.profile-bill-content .bill-detail {
	margin: .5rem;
	padding: .5rem .25rem;
	border-radius: .2rem;
	font-size: .6rem;
	background: #fff;
}

.profile-bill-content .bill-detail .name {
	margin: 0 0 .25rem;
	font-size: .85rem;
}

.profile-bill-content .bill-detail .col-50 {
	margin-top: .25rem;
}

.wallet-header.bar:after {
	background: transparent;
}

.profile-wallet-content .price {
	font-size: .95rem;
	font-weight: 600;
}

.wallet-detail {
	padding: 1.25rem .75rem 0;
	color: #fff;
	font-size: .6rem;
	height: 4.5rem;
	line-height: 1;
	text-align: center;
	background: url(../images/wallet-head.png) center bottom no-repeat;
	background-size: cover;
}

.wallet-detail .price {
	margin-bottom: .25rem;
	display: block;
	font-size: .75rem;
}

.profile-fita-content .fita-title {
	position: relative;
}

.profile-fita-content .name {
	font-size: .85rem;
	height: 1.6rem;
	line-height: 1.6rem;
}

.profile-fita-content .label {
	position: absolute;
	top: .25rem;
	right: 0;
	padding: .05rem .35rem;
	font-size: .6rem;
	color: #fff;
	border-radius: .25rem;
	background: #ff0e0e;
}

.profile-fita-content .item {
	min-height: 3.5rem;
}

.profile-fita-content .item-content .button {
	display: block;
	margin: 0 auto;
	width: 5rem;
	color: #131313;
	border-radius: 0;
	border-color: #131313;
}

.profile-recruit-content .rule {
	margin: 0 .75rem;
	line-height: 1.1rem;
	font-size: .6rem;
	font-weight: 600;
	color: #5b5b5b;
}

.profile-recruit-content .create-button {
	color: #fff;
	line-height: 1.8rem;
	height: 1.8rem;
	border-radius: 0;
	background: #b29365;
	border-color: #b29365;
}

.range-wrap {
	margin: 3rem .75rem 0;
}

.range-wrap .slider-container {
	display: inline-block;
}

.range-wrap .iconfont {
	padding: .25rem;
	text-align: center;
	line-height: .5rem;
	vertical-align: -webkit-baseline-middle;
}

.theme-blue .back-bar {
	height: 2px !important;
	background-color: #131313 !important;
  background-image: linear-gradient(to bottom, #111111, #131313) !important;
}

.theme-blue .back-bar .pointer {
	border: 3px solid #89d9e5 !important;
	background-image: linear-gradient(to bottom, #41c7db, #89d9e5) !important;
}

.slider-container .back-bar .pointer-label {
	top: -1rem !important;
	font-size: .75rem !important;
	background: transparent !important;
}

.profile-withdraw-content .withdraw {
	width: 100%;
	padding-left: .5rem;
	height: 1.8rem;
	line-height: 1.8rem;
	font-size: .7rem;
	border:1px solid #5d5d5d;
}

.profile-withdraw-content .text {
	font-size: .6rem;
}

.profile-withdraw-content .all-button {
	color: #131313;
	padding: .25rem;
}

.profile-withdraw-content .withdraw-button {
	margin-top: 1rem;
	width: 100%;
	line-height: 2rem;
	height: 2rem;
	color: #fff;
	font-size: .75rem;
	border-radius: 0;
	background: #3dac68;
	border-color: #3dac68;
}

.profile-withdraw-content .withdraw-rule {
	margin-top: .75rem;
	font-size: .6rem;
	color: #131313;
}

.profile-poster-content .qrcode-wrap {
	position: absolute;
	bottom: .75rem;
	left: 50%;
	margin-left: -2rem;
}

.poster-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	padding-bottom: 141.6%;
	-webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
}

.poster-cover > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	min-width: 100%;
	height: 100%;
	overflow: hidden;
}

.poster-success {
	position: absolute;
	bottom: .75rem;
	left: 0;
	right: 0;
	margin: 0;
	font-size: .7rem;
	text-align: center;
}

.profile-poster-content .qrcode-wrap #qrcode {
	display: block;
	width: 4rem;
	height: 4rem;
	overflow: hidden;
}

.profile-poster-content .fita-text {
	display: block;
	width: 4rem;
	margin: .25rem auto 0;
}

.recharge-page {
	background: url(../images/recharge.png) #fff top no-repeat;
	background-size: contain;
}

.recharge-page .fita-header,
.recharge-page .bar:after {
	background: transparent;
}

.recharge-page .price {
	height: 5.5rem;
	line-height: 5.5rem;
	color: #fff;
	font-size: .6rem;
}

.recharge-page .price span {
	font-size: 1.4rem;
  font-weight: bold;
}

.recharge-page .fita-block-title {
	margin: .5rem .25rem .75rem;
	font-size: .85rem;
	color: #161616;
	background: transparent;
}

.recharge-page .fita-block-title .tips {
	padding: 0 .25rem;
	color: #b98442;
	font-size: .75rem;
}

.recharge-price {
	margin: 0 .75rem;
}

.recharge-price .money {
	padding: .25rem;
	margin-bottom: 1rem;
	width: 100%;
	line-height: 2.1rem;
	height: 2.2rem;
	border: 1px solid #b98442;
	border-radius: 3px;
}

.recharge-price .item {
	position: relative;
	padding: 1.15rem 0;
	margin-top: .25rem;
	margin-bottom: .5rem;
	border-radius: 5px;
	color: #b88340;
	font-size: 1.4rem;
	text-align: center;
	border: 1px solid #fff2eb;
	box-shadow: 0 0 5px rgba(183, 183, 183, .5);
}

.recharge-price .item.active {
	border-color: #b98442;
	background: #fff2eb;
}

.recharge-price .item.active:after {
	position: absolute;
	bottom: -1px;
	right: -1px;
	color: #fff;
	font-family:"iconfont" !important;
	content: "\e604";
	font-size: .75rem;
	width: 1rem;
	height: 1rem;
	text-align: center;
	lien-height: 1rem;
	border-radius: 5px;
	background: #b98442;
}

.recharge-modal {
	left: 5%;
	right: 5%;
	top: 10.5rem;
	width: auto !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.recharge-modal .close {
	position: absolute;
  top: .75rem;
  right: .75rem;
  color: #fff;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.2rem;
  border: 2px solid #fff;
  text-align: center;
  font-size: 1rem;
}

.recharge-modal:after {
	position: absolute;
	content: '';
	top: -10px;
	right: 10px;
	width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #b7803b;
}

.recharge-modal .modal-inner {
	padding-top: 1.25rem;
	padding-bottom: 1.75rem;
	text-align: left;
	font-size: .6rem;
	font-weight: 400;
	color: #fff;
	background: #b7803b;
}

.recharge-modal .modal-inner .block-title {
	margin-bottom: .35rem;
	font-size: .7rem;
	line-height: 1.4rem;
	height: 1.4rem;
}

.recharge-modal .tips-content > div {
	margin-bottom: .25rem;
}

.recharge-modal .tips-content a {
	text-decoration: none;
	color: #fff;
}
.color-red {
	color: #ff0e0e;
}

.color-green {
	color: #3dac68;
}

.color-black {
	color: #01182c;
}